<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="//cncdn.dida365.com/static/img/favicon.ico">
    <title>功能介绍</title>
    <link rel="stylesheet" href="../css/FunctionIntroduction.css">
</head>

<body>
    <!-- 顶部导航 headerContainer-->
    <div class="headerContainer">
        <div class="warpper nav">
            <img src="../common-img/logo.png" alt="">
            <ul class="navbar">
                <li class="navItem">
                    <a href="#" class="active">功能介绍</a>
                </li>
                <li class="navItem">
                    <a href="#">下载应用</a>
                </li>
                <li class="navItem">
                    <a href="#">高级会员</a>
                </li>
                <li class="navItem">
                    <a href="#">帮助中心</a>
                </li>
                <li class="navItem">
                    <a href="#">登录</a>
                </li>
                <li>
                    <a href="#">创建免费账号</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container introContainer">
        <div class="introText">
            <h2 class="introTitle">
                使用滴答清单
                <br>
                规划好每一天
            </h2>
            <p class="subTitle introDesc">
                从记录到管理，滴答清单能帮你把一切打理得井井有条，你可以充分享受高效生活的乐趣。
            </p>
        </div>
        <div class="introImage">
            <img class="" src="https://cncdn.dida365.com/sites/res/features/common/images@2/intro.png" width="525"
                alt="">
        </div>
    </div>
    <!-- 中间展示页面 -->
    <div>
        <div class="features">
            <div class="feature">
                <div class="featureContainer container">
                    <div class="featureImg">
                        <ul>
                            <img class="himg show"
                                src="https://cncdn.dida365.com/sites/res/features/dida/feature@2/voice.png" width="360"
                                alt="">
                            <img class="himg" src="https://cncdn.dida365.com/sites/res/features/dida/feature@2/wechat.png"
                                width="360" alt="">
                            <img class="himg" src="https://cncdn.dida365.com/sites/res/features/dida/feature@2/mail.png"
                                width="360" alt="">
                            <img class="himg" src="https://cncdn.dida365.com/sites/res/features/dida/feature@2/widget.png"
                                width="564" alt="">
                        </ul>
                    </div>
                    <div class="text child-1">
                        <h4>方便且快速地记录大小事务</h4>
                        <ul>
                            <li class="content show">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
                                    <path
                                        d="M13 23.3c-4.8-.9-8.5-5.2-8.5-10.3h3c0 4.1 3.4 7.5 7.5 7.5s7.5-3.4 7.5-7.5h3c0 5.1-3.7 9.4-8.5 10.3V26c0 1.1-.9 2-2 2s-2-.9-2-2v-2.7zM15 2c2.8 0 5 2.2 5 5v6c0 2.8-2.2 5-5 5s-5-2.2-5-5V7c0-2.8 2.2-5 5-5z">
                                    </path>
                                </svg>
                                <div class="featureItemText">
                                    <span class="featureItemTitle">语音输入</span>
                                    <span class="featureItemDesc">当你的脑海中突然出现某个想法，但又不方便打字时，语音输入就是最佳帮手，只需要按住「+」图标，说说话就能快速记录。</span>
                                </div>
                            </li>
                            <li class="content">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
                                    <path
                                        d="M28 17.9c0-3.8-3.6-6.8-7.7-6.8-4.3 0-7.7 3-7.7 6.8s3.4 6.8 7.7 6.8c.9 0 1.9-.2 2.7-.5l1.9 1.1c.1.1.3 0 .3-.1V25l-.5-1.7c1.9-1.4 3.3-3.4 3.3-5.4zm-10.2-.6c-.6 0-1-.5-1-1.1 0-.6.5-1.1 1-1.1s1 .5 1 1.1c0 .6-.5 1.1-1 1.1zm5.2 0c-.6 0-1-.5-1-1.1 0-.6.5-1.1 1-1.1s1 .5 1 1.1c0 .6-.4 1.1-1 1.1z">
                                    </path>
                                    <path
                                        d="M14.4 12.4c1.6-1.4 3.8-2.2 6.2-2.2h.2C20.1 6.6 16.2 4 11.5 4 6.3 4 2 7.5 2 11.9c0 2.5 1.5 4.7 3.8 6.2L5 20.3c0 .1 0 .3.2.3h.2l2.7-1.4c1.2.2 2.1.5 3.3.5h.9c-.2-.7-.4-1.3-.4-2 0-2.1 1-4 2.5-5.3zm.3-4.5c.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1s-1.1-.5-1.1-1.1c0-.6.5-1.1 1.1-1.1zm-6.1 2.2c-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1 0 .6-.5 1.1-1.1 1.1z">
                                    </path>
                                </svg>
                                <div class="featureItemText">
                                    <span class="featureItemTitle">保存微信消息为任务</span>
                                    <span class="featureItemDesc">你可能已经习惯在微信里和同事聊工作、和客户对接、或向朋友约饭，不妨试试将微信消息发送到滴答清单，将它保存为任务。</span>
                                    <a class="featureItemMore_3bgbC featureItemDesc_1tMOE" target="_blank"
                                        href="https://help.dida365.com/tasks/a/6427419841430290432" rel="noreferrer">了解更多</a>
                                </div>
                            </li>
                            <li class="content">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
                                    <path
                                        d="M7.6 6h14.9c.9 0 1.2.1 1.5.3.3.2.6.4.8.8.1.2.2.6.2 1.5v12.9c0 .9-.1 1.2-.3 1.5-.2.3-.4.6-.8.8-.3.2-.6.3-1.5.3H7.6c-.9 0-1.2-.1-1.5-.3-.3-.2-.6-.4-.8-.8-.2-.3-.3-.7-.3-1.6V8.6c0-.9.1-1.3.3-1.6.1-.3.4-.6.7-.7.3-.2.7-.3 1.6-.3zm7.4 8.4L7.7 8 6.3 9.5l8 7c.4.3.9.3 1.3 0l8-7L22.3 8 15 14.4z">
                                    </path>
                                </svg>
                                <div class="featureItemText">
                                    <span class="featureItemTitle">转发邮件为任务</span>
                                    <span class="featureItemDesc">如果你的工作邮件来不及立即处理，就动动手指将它转发给滴答清单吧，我们会确保你不会遗忘这封邮件。</span>
                                    <a class="featureItemMore_3bgbC featureItemDesc_1tMOE" target="_blank"
                                        href="https://help.dida365.com/tasks/a/6427418454889857024" rel="noreferrer">了解更多</a>
                                </div>
                            </li>
                            <li class="content">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
                                    <path
                                        d="M7.6 5h3.9c.9 0 1.2.1 1.5.3.3.2.6.4.8.8s.2.6.2 1.5v3.9c0 .9-.1 1.2-.3 1.5s-.4.6-.8.8-.6.2-1.5.2H7.6c-.9 0-1.2-.1-1.5-.3s-.7-.4-.8-.7c-.2-.3-.3-.7-.3-1.6V7.6c0-.9.1-1.3.3-1.6.1-.3.4-.6.7-.7.3-.2.7-.3 1.6-.3zm14.7-.1L25 7.6c.7.7.8 1 1 1.4.1.4.1.7 0 1.1-.1.4-.3.6-.9 1.3l-2.7 2.7c-.6.6-.9.8-1.3.9-.4.1-.7.1-1.1 0-.4-.1-.6-.3-1.3-.9L16 11.4c-.6-.6-.8-.9-.9-1.3-.1-.4-.1-.7 0-1.1.1-.4.3-.6.9-1.3L18.7 5c.6-.7.9-.8 1.3-1 .4-.1.7-.1 1.1 0 .3.2.6.3 1.2.9zM7.6 16h3.9c.9 0 1.2.1 1.5.3.3.2.6.4.8.8.2.3.3.6.3 1.5v3.9c0 .9-.1 1.2-.3 1.5-.2.3-.4.6-.8.8-.3.2-.6.3-1.5.3H7.6c-.9 0-1.2-.1-1.5-.3-.3-.2-.6-.4-.8-.8-.2-.3-.3-.7-.3-1.6v-3.9c0-.9.1-1.2.3-1.5.2-.3.4-.6.8-.8.2-.1.6-.2 1.5-.2zm11 0h3.9c.9 0 1.2.1 1.5.3.3.2.6.4.8.8.2.3.3.6.3 1.5v3.9c0 .9-.1 1.2-.3 1.5-.2.3-.4.6-.8.8-.3.2-.6.3-1.5.3h-3.9c-.9 0-1.2-.1-1.5-.3-.3-.2-.6-.4-.8-.8-.2-.3-.3-.6-.3-1.5v-3.9c0-.9.1-1.2.3-1.5.2-.3.4-.6.8-.8.2-.2.6-.3 1.5-.3z">
                                    </path>
                                </svg>
                                <div class="featureItemText">
                                    <span class="featureItemTitle">Siri, 小部件和悬浮球</span>
                                    <span class="featureItemDesc">* 在 iPhone 上启用 Siri 添加任务，然后直接对 Siri 说“在滴答清单中创建去超市买牛奶”，或者在 Android 手机桌面上添加小部件和悬浮球，更快地记录任务。</span>
                                    <span class="featureInfo">
                                        * 悬浮球是高级功能
                                    </span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="warpper footer-container">
            <div class="links">
                <!-- 产品、帮助等 -->
                <div class="pageLinks">
                    <!-- 产品 -->
                    <dl>
                        <dt>产品</dt>
                        <dd><a href="#">功能介绍</a></dd>
                        <dd><a href="#">下载应用</a></dd>
                        <dd><a href="#">高级会员</a></dd>
                        <dd><a href="#">教育优惠</a></dd>
                        <dd><a href="#">礼品卡</a></dd>
                    </dl>
                    <!-- 帮助 -->
                    <dl>
                        <dt>帮助</dt>
                        <dd><a href="#">帮助中心</a></dd>
                        <dd><a href="#">FAQ</a></dd>
                    </dl>
                    <!-- 资源 -->
                    <dl>
                        <dt>资源</dt>
                        <dd><a href="#">URL Scheme</a></dd>
                    </dl>
                    <!-- 团队 -->
                    <dl>
                        <dt>团队</dt>
                        <dd><a href="#">功能介绍</a></dd>
                        <dd><a href="#">功能介绍</a></dd>
                        <dd><a href="#">媒体素材</a></dd>
                    </dl>
                    <!-- 法律 -->
                    <dl>
                        <dt>法律</dt>
                        <dd><a href="#">使用条款</a></dd>
                        <dd><a href="#">隐私声明</a></dd>
                        <dd><a href="#">开源协议</a></dd>
                    </dl>
    
                </div>
                <!-- 切换语言 -->
                <div class="mediaLinks">
                    <ul class="languagePicker">
                        <li>中文</li>
                        <li>English</li>
                    </ul>
                    中文
                    <div class="triangle"></div>
                </div>
            </div>
            <div class="copyrightWrapper">
                <span>© 2023 杭州随笔记网络技术有限公司</span>
                <span>
                    <a href="#">浙ICP备12005180号-3</a>
                </span>
                <span>
                    <img src="../common-img/bottom-i.png" alt="">
                    <a href="#">
                        浙公网安备 33010602005056号
                    </a>
                </span>
            </div>
        </div>
    </div>
    <script src="../js/common.js"></script>
</body>

</html>